<a-alert v-if="! pd.userId " message="当前不是有效的用户 " type="error" />

<div v-else>


  <h1>数据库表管理</h1>
  <a-row type="flex" justify="space-between" style="width: 100%">
    <a-col :span="10" style="overflow:auto;height: 35em;">
      <a-tree class="draggable-tree" :tree-data="pd.dbs" @select="m.selectDb" />
    </a-col>
    <a-col :span="14">
      <!--字段明细-->
      <a-card v-model:title="pd.tabName" style="overflow:auto;height: 35em;">
        <a-list size="small" :data-source="pd.col" >
          <template #renderItem="{ item }">
            <a-list-item>
              <a-row :gutter="[5,5]" wrap="true" type="flex" justify="space-between" style="width: 100%">
                <a-col :span="8"> {{ item.col }} </a-col>
                <a-col :span="16">{{item.type }}</a-col>
              </a-row>
            </a-list-item>
          </template>
        </a-list>


      </a-card>
    </a-col>
  </a-row>
</div>
<a-divider />
 